<template>
<div>
    <navgitar title="我的收藏"></navgitar>
    <div v-for='(value,index) in postlist' :key='index'>
        <postItem4 v-if='value.type==1 && value.cover.length>0 &&value.cover.length<3' :data="value"></postItem4>
        <postItem5 v-if='value.type==1&&value.cover.length>=3' :data='value'></postItem5>
        <postItem6  v-if="value.type==2" :data='value'></postItem6>
    </div>  
</div>
     
</template>

<script>
// 因为在收藏页面中需要渲染文章，所以需要引入文章模块
import navgitar from '../components/navgitar'
import postItem4 from '../components/postitem4'
import postItem5 from '../components/postItem5'
import postItem6 from '../components/postItem6'
export default {
    data(){
       return{
           postlist:[] //声明文章列表的变量因为在之类需要做到循环遍历。所以需要用数组的方式来存储     
       }
    },
    // 注册组件
    components:{
        navgitar,
        postItem4,
        postItem5,
        postItem6
    },
    // 当页面加载的时候需要获取到文章的数据
    mounted(){
        this.$axios({
            url:'/user_star',
        }).then((res)=>{
            console.log(res);
            this.postlist=res.data.data
            // console.log(3232,this.data);
        console.log(1323,this.postlist);
        })
    }


   
}
</script>

<style>

</style>